<template>
  <div class="container">
    <UnifyTitle :leftmodel="true" :titlevalue="detail.newsTitle" @goReturn="goReturn"/>

    <div class="bgFFF bdradius4 pt30 pb30">
      <div class="mauto" style="width: 52.8%;text-align: center;">
        <div class="color333 font36 line50 fontwBold mb20" v-html="detail.newsTitle" style="font-size:36px"></div>
        <div class="color333 font16 line22 mb4">{{ detail.newsDesc }}</div>
        <div class="color999 font12 line17 mb26">{{ detail.releaseDate }}</div>
        <div class="font18 color333 pb47 policy-content" v-html="detail.newsDetail"></div>
      </div>
    </div>
  </div>
</template>

<script>
import { journalismParticulars } from '@/api/data.js'
export default {
  components: {},
  props: {},
  data() {
    return {
      detail: {},
    }
  },
  created() {
    this.getDetail(this.$route.query.id);
  },
  methods: {
    async getDetail(id) {
      this.detail = {};
      const res = await journalismParticulars({
        id
      })
      console.log('新闻列表详情', res);
      this.detail = res
      // 详情
      // this.APIS.policyDetail({id}).then((res) => {
      //   if (res.code == 20000) {
      //     this.detail = res.data;
      //   } else {
      //     this.$Message.error(res.message)
      //   }
      // });
    },
    goReturn() {
      this.$router.push({
        name: "zhengceguanli",
        query: {
          tabsName: this.$route.query.tabsName
        }
      })
    },
  }
}
</script>

<style scoped lang="less">
/deep/ .ql-size-small {
  font-size: 10px !important;
}

/deep/ .ql-size-large {
  font-size: 18px !important;
}

/deep/ .ql-size-huge {
  font-size: 32px !important;
}

.policy-content {
  /deep/ img {
    max-width: 100%;
  }
}
</style>
